<template>
  <div>
    <div class="topn">
      <span
        class="iconfont icon-arrowRight-copy-copy"
        @click="$router.push('/my')"
      ></span>
      我的笔记
      <span
        class="iconfont icon-shucheng"
        @click="$router.push('/recommend')"
      ></span>
    </div>

    <div class="topmimg">
        <img src="../../assets/imag/暂无笔记.png" alt="">
        <p>您还没有添加笔记哦~</p>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less">
.topn {
  width: 100%;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  background-color: white;
  border-bottom: 1px solid gainsboro;
  .icon-arrowRight-copy-copy {
    font-size: 25px;
    float: left;
  }
  .icon-shucheng {
    font-size: 25px;
    float: right;
    // margin-left: -10px;
    margin-right: 10px;
  }
}
.topmimg{
    margin-top: 30px;
    img{
        width: 280px;
        height: 280px;
        margin: auto;
        padding-top: 10px;
    }
    p{
        text-align: center;
        line-height: 0px;
        color: #979797;
    }
    
}
</style>